@import '../../../core/index.less';

.ori-artcard-root{
    .card-pic{
        display: flex;

        .gradient{
            img{
                width:100%;
                height:100%;
                object-fit: cover;
            }
            &:hover {
                .mask{
                    position:absolute;
                    left:0;
                    top:0;
                    right:0;
                    bottom:0;
                    background: rgba(0, 0, 0, 0.5);
                    z-index:2;
                    transition: all 0.2s linear;
                }
            }
        }

        .card-text{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding:20/@remScale;
            .cart-title{
                font-size:30/@remScale;
                color:#303133;
            }
            .card-area{
                font-size:20/@remScale;
                color: #606266;
                padding-top: 5/@remScale;
            }
            .card-dec{
                font-size:16/@remScale;
                color: #909399;
                padding:16/@remScale 0;
            }
        }


        &.column{
            flex-direction: column;
        }

    }
}